@import url("rem.less");
.main{
    .m_banner{
        background: #fff;text-align: center;
        .mb_top{.swiper-slide{img{width: 100%;}}}
        .mb_bottom{
            .mbb_subbanone{
                .dis;.opts{width: 50%;border: 1px solid #ccc;
                    border-collapse: collapse;box-sizing: border-box;
                    img{width: 100%;}}
            }
            .mbb_subnavone{
                .dis;.h(260);
                dl{flex: 1;
                    dt{.w(130);.h(120);margin: 0 auto;img{width: 100%;}}
                    dd{.font-dpr(15px);font-weight: bolder;font-family: "黑体";}
                }
            }
            .mbb_subbantwo{img{width: 100%;}}
            .mbb_subnavtwo{
                .dis;flex-wrap: wrap;
                dl{width: 50%;.dis;border: 1px solid #ccc;
                    border-collapse: collapse;box-sizing: border-box;
                    dt{flex: 1;img{width: 100%;}}
                    dd{flex: 1;.font-dpr(15px);font-weight: bolder;font-family: "黑体";}
                }
            }
        }
    }
    .selion{
        .mt(30);.mb(30);
        .opts{
            .o-title{
                background: #fff;.pt(87);
                .brand_title{
                    .w(650);.h(180);border:8px solid #191a19;margin: 0 auto;
                    position: relative;text-align: center;.lh(180);font-weight: bolder;
                    font-family: "黑体";.font-dpr(20px);box-sizing: border-box;
                    i{
                        .borw(40);
                        border-style:solid;
                        border-color: transparent;
                        .bortw(40);
                        border-top-style:solid;
                        border-top-color: #191a19;
                        position: absolute;left: 50%;margin-left: -5%;
                        .b(-85);
                    }
                }
                .t_content{
                    flex-wrap: wrap;.pt(70);.pb(70);
                    .dis;a{width: 20%;
                        img{width:100%;}
                    }
                }
            }
            .list{
                .list_title{
                    text-align: center;.pt(25);.pb(25);
                    color: #292929;font-weight: bold;font-family: "黑体";
                    .font-dpr(20px);span{.font-dpr(15px)}
                }
                .list_sel{
                    background: #fff;.dis;flex-wrap: wrap;
                    .big_banner{width: 100%;
                        img{width: 100%;}
                    }
                    .sel_o{
                        width: 30%;
                        dl{
                            dt{img{
                                width: 100%;
                            }}
                            dd{
                                text-align: center;
                                .font-dpr(12px);
                                h5{
                                    width: 90%;
                                    overflow: hidden;
                                    word-break: keep-all;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                    margin: 2% 0;
                                }
                                p{color: #d08b5f;}
                            }
                        }
                    }
                }
            }
        }
    }
    .look{
        .look_top{
            a{img{width: 100%;}}
        }
        .look_list{
            .temp{background: #fff;.mt(15);
                .temp_top{
                    .dis;justify-content: space-between;
                    .padding(20,20,20,20);
                    .tt_left{
                        width: 70%;
                        .ttl_title{.dis;
                            justify-content: flex-start;
                            .font-dpr(13px);font-weight: bold;
                            .ttlt_left{
                                .font-dpr(22px);color: #f9ca00;
                                span{color: #292929;}
                            }
                            .ttlt_right:first-line{
                                .font-dpr(17px);font-weight: bold;
                            }
                        }
                        .ttl_opts{
                            dl{
                                text-align: center;
                                dt{a{.w(450);.h(240);img{width:70%;}}}
                                dd{.font-dpr(12px)}
                            }
                        }
                    }
                    .tt_right{width: 30%;img{
                        width: 100%;
                    }}
                }
                .temp_bottom{
                    .dis;justify-content: flex-start;.lh(110);
                    p{
                        .font-dpr(12px);
                        span{
                            .ml(30);.mr(30);color: #D70057;
                        }
                    }
                }
            }
        }
    }
}
